<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>合拍街</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<header id="header">
    <a href="../index.html" class="iconfont fl">&#xe63f;</a>
    <div class="title">日系小清新</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content isappointment">
    <div class="photo-wrap">
        <div class="photo-submit-dialog">
            <div class="photo-dialog-position">
                <div class="start-appointment ">
                    <div class="clearfix" id="close">
                        <img src="../skin/xhdpi/close.png" alt="">
                    </div>
                    <p>发起约拍</p>
                </div>
                <div class="member-appointment ">
                    <p class="fz16 fwb text-center color33">合拍街会员可约拍</p>
                </div>
                <a href="../user/user_vip.html" class="join-member padbt20 text-center ">加入合拍街会员</a>
            </div>
        </div>
        <div class="model-info">
            <div class="model-info-body">
                <div class="model-user-info clearfix">
                    <div class="fl left-width ">
                        <div class="fl model-user-img">
                            <img src="../images/user.png" alt="">
                        </div>
                        <div class="fl clearfix mode-user-des">
                            <p class="fl model-font">睡不醒的木鱼</p>
                            <img src="../skin/xhdpi/sex_w.png">
                            <img src="../skin/xhdpi/sex_m.png">
                            <img src="../skin/xhdpi/authentication.png">
                            <p class="model-font-color">模特</p>
                        </div>
                    </div>
                    <div class="fr model-focus">
                        <a href="#">
                            <img src="../skin/xhdpi/follow.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="model-user-pic">
                    <ul class="clearfix">
                        <li class="fl w33  ">
                            <img src="../images/img1.jpg" alt="">
                        </li>
                        <li class="fl w33 ">
                            <img src="../images/img2.jpg" alt="">
                        </li>
                        <li class="fl w33 ">
                            <img src="../images/img3.jpg" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <div class="model-info-foot">
                <ul class="clearfix">
                    <li class="fl w33">
                        <p class="fz14">面向地区</p>
                        <p class="color33 fz16">上海静安</p>
                    </li>
                    <li class="fl w33">
                        <p class="fz14">费用</p>
                        <p class="color33 fz16">希望互免</p>
                    </li>
                    <li class="fl w33">
                        <p class="fz14">发布时间</p>
                        <p class="color33 fz16">今天02:25</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="model-info-specialty">
            <p>擅长情绪片，长相偏欧美，但也带着东方古韵；</p>
            <p>创作前需提前沟通，方便更好的演绎和作品的诠释；</p>
        </div>
        <div class="photo-content">
            <div class="photo-appoint">
                <div>
                    <span>拍摄时间：</span>
                    <span class="color33">协商</span>
                </div>
                <div>
                    <span>拍摄地点：</span>
                    <span class="color33">上海</span>
                    <span class="color33">欧洲</span>
                </div>
            </div>
            <div class="photo-style">
                <ul class="clearfix">
                    <li>
                        <a class="dark-bg-color" href="">暗黑</a>
                    </li>
                    <li>
                        <a class="emotion-bg-color" href="">情绪</a>
                    </li>
                    <li>
                        <a class="night-bg-color" href="">夜景</a>
                    </li>
                    <li>
                        <a class="ancientry-bg-color" href="">古风</a>
                    </li>
                    <li>
                        <a class="fashion-bg-color" href="">时尚</a>
                    </li>
                    <li>
                        <a class="ancientry-bg-color" href="">欧美</a>
                    </li>
                    <li>
                        <a class="fresh-bg-color" href="">清新</a>
                    </li>
                    <li>
                        <a class="happy-bg-color" href="">婚礼</a>
                    </li>
                </ul>
                <p>
                    <a href="">收藏</a>
                    <a href="">投诉</a>
                </p>
                <div class="appointment-info">
                    <p class="color33 fz14">收到约拍信息12条</p>
                    <p class="fz14 creadit">要求信用保障金</p>
                    <div class="appoint-ta" id="appoint-ta">我要约拍TA</div>
                </div>
            </div>
        </div>
        <footer id="footer" class="foot">
            <ul>
                <li class="active">
                    <a class="home" href="../index.html">
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a class="find" href="../find/index.html">
                        <p>发现</p>
                    </a>
                </li>
                <li>
                    <a class="camera" href="../ranking/index.html">
                        <p>合拍榜</p>
                    </a>
                </li>
                <li>
                    <a class="person" href="../user/user_login.html">
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </footer>
        <!--<div id="go-top" class="go-top">
        <a href="javascript:goTop();" class="iconfont">&#xe610;</a>
        </div>-->
    </div>
</div>

</body>

<!--回到顶部-->
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    // var $top = $('#go-top');
    // $(window).bind('scroll', function() {
    //     var $this = $(this);
    //     if ($this.scrollTop() > 360) {
    //         $top.show();
    //     } else {
    //         $top.hide();
    //     }
    // })

    // function goTop() {
    //     $('html,body').animate({
    //         scrollTop: 0
    //     }, 400)
    // }
    $(function () {
        var $appointTa = $("#appoint-ta");
        $appointTa.on('click', function () {
            $(".photo-submit-dialog").toggleClass("isShow");
        })
        var $close = $("#close");
        $close.on("click", function () {
            $(".photo-submit-dialog").removeClass("isShow");
        })
        var $joinMember = $("#join-member");
        $joinMember.on("click", function () {
            $(".photo-submit-dialog").removeClass("isShow");
        })


    })
</script>

</html>